<%@ page language="java" import="java.util.*"  contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">

<!-- 

  借地写说明：
  jquery-ui的说明参考：http://www.runoob.com/jqueryui/jqueryui-tutorial.html
  jquery的说明参考：http://www.w3school.com.cn/jquery/index.asp
  
  tabs-api为横向的标签，下面定义的div比如tabs-purchase是竖向的标签，按已有的往下添加，名字别重复就行。
  
  新增横向标签：
  1. <div id="tabs-api"><ul><li>下面新加个a标签，指向一个锚点。
  2. 上一条的<ul>同级别下新加一个<div>，id使用上一条锚点指定的id。
  
  新增纵向标签：
  1. js加一行，设置纵向标签的参数。
  2. 总之参考已有的样例吧。
  
-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>手机支付产品示例</title>
  <link rel="stylesheet" href="static/jquery-ui.min.css">
  <!-- <script src="static/jquery-1.11.2.min.js"></script>
  <script src="static/jquery-ui.min.js"></script>
  <script src="static/demo.js"></script> -->
  <script src="js/jquery.min.js"></script>
  <script>
  	$(function() {
  		//alert(4)
  		$("#send").text(123);
  		
  		//request.setAttribute("list", [4,5,6]);
  		//$('#table').setAttribute("list", [4,5,6]);
  		
  		<%-- <%= request.setAttribute("list", new int[]{4,5,6}) %> --%>
  		<%-- <%= request.setAttribute("list2", 2) %> --%>
  		
  		$.ajax({
			type: "GET",  
			// url: "http://localhost:8080/web2/getServerList",  	//http://192.168.0.104:8080/web2/getServerList
			// url: "http://127.0.0.1:8080/web2/getServerList",
			//url: "http://localhost:8080/web2/getServerList?telephone=1&flag=true",
			//url: "http://192.168.50.212:8080/web2/getServerList?telephone=1",
			url: "getServerList",
			//url: "http://192.168.50.212:8080/web2/getServerList?telephone=1&flag=true",
			// data: {telephone:'1', flag:true},
			data: {telephone:'1'},
			// dataType: "json",
			success: function(data){ 
				//alert("==="+JSON.stringify(data))
				//$("#send").html(data);
				// alert("==="+data)
				// $("#send").text(data.body);  
				
				<% 
					List users = new ArrayList();
					users.add(4);
					users.add(3);
					session.setAttribute("list", users);
				%>
				<%-- <% session.setAttribute("list4", data); %> --%>
			}  
		});
  		 
		
		// $.ajax({  
		// 	type: "POST",  
		// 	url: "https://birds.qst-iot.com/Home/SaveFarmShare",
		// 	data: {"farmName":"a"},
		// 	dataType: "json",
		// 	success: function(data){ 
		// 		alert("==="+JSON.stringify(data))
		// 		$("#div1").html(data);
		// 	}  
		// });
		
		
  		
  		
	    setApiDemoTabs("#tabs-df");
	    setApiDemoTabs("#tabs-dfBatch");
	    
	    $('#send').click(function(){
	    	alert(5)
	    	
	    });
	});
  </script>
  <link rel="stylesheet" href="static/demo.css">
</head>

<body style="background-color:#e5eecc;">
<c:set var="list2" scope="session" value="{id:1,name:yy}"/>




	<table id="table" border="1">
    
    	<!-- <tr>
    		<td style="height:37px; width:78px;"><a href="javascript:setOrder();">id</a> <img style="height:100%;width:48px" src="./images/drag.jpg" alt="拖拽图" ></td>
    		<td>name</td>
    	</tr> -->
    	
    	<c:forEach items="${list}" var="var" varStatus="vs">
			<tr>
	    		<td>${var}</td>
	    	</tr>
		</c:forEach>
    
    	<%-- <c:forEach items="${list}" var="var" varStatus="vs">
			<tr>
	    		<td>${var.id}</td>
	    		<td>${var.name}</td>
	    	</tr>
		</c:forEach> --%>
    </table>

<div id="wrapper">
<div id="header">
<h2 id="send">手机支付产品示例</h2>

</div>

<div id="tabs-api">
  <ul>
    <li><a href="#tabs-api-1">前言</a></li>
    <li><a href="#tabs-api-2">手机控件支付后台交易样例</a></li>
    <li><a href="#tabs-api-3">常见开发问题</a></li>
  </ul>
  
  <div id="tabs-api-1">
    <jsp:include  page="/pages/introduction.jsp"/>
  </div>

  <div id="tabs-api-2">
	<div id="tabs-df">
	  <ul>
	    <li><a href="#tabs-df-1">说明</a></li>
	    <li><a href="pages/consume.jsp">消费（获取tn)</a></li>
	    <li><a href="pages/consumeUndo.jsp">消费撤销</a></li>
	    <li><a href="pages/refund.jsp">退货</a></li>
		<li><a href="pages/query.jsp">交易状态查询</a></li>
		<li><a href="pages/file_transfer.jsp">对账文件下载</a></li>
	  </ul>
	  <div id="tabs-df-1">
	     <jsp:include  page="/pages/comsume_intro.jsp"/>
	  </div>
	</div>
  </div>

  <div id="tabs-api-3">
    <jsp:include  page="/pages/devlopHelp.jsp"/>
  </div>
	  
  </div> <!-- end of tabs-api-->
</div><!-- end of wrapper-->
 
 
</body>
</html>